* {
  background: initial; }

nav {
  display: block;
  border-bottom: #fbfbfa solid .3rem;
  justify-content: center;
  align-items: center; }
  nav img {
    width: 24%; }
  nav figure {
    padding: 0.3rem 0 0;
    font-size: 0.8rem !important;
    color: #666;
    flex: 1;
    height: 2rem;
    height: 1.6rem;
    text-align: center; }
    nav figure figcaption {
      font-size: 0.3rem !important; }

.message {
  display: flex;
  padding: 0 0.12rem; }
  .message img {
    width: .84rem;
    height: .84rem;
    padding-top: .17rem;
    padding-left: .17rem; }
  .message .message_r {
    flex: 1;
    border-bottom: #ccc solid 1px;
    padding: 0.25rem;
    width: 100vw;
    overflow: hidden; }
    .message .message_r h3 {
      font-size: .28rem;
      color: #2B2B2B;
      max-width: 80%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      position: relative;
      padding-right: 20%; }
    .message .message_r span {
      font-size: .24rem;
      color: #999999;
      float: right;
      position: absolute;
      right: 1%; }
    .message .message_r div {
      padding: .25rem 0 0;
      font-size: .26rem;
      color: #999999;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 92%;
      padding-right: 10%;
      position: relative; }
    .message .message_r h6 {
      display: inline-block;
      color: #fff;
      background: #F66039;
      font-size: .20rem;
      line-height: .32rem;
      width: 0.32rem;
      height: 0.32rem;
      text-align: center;
      border-radius: 50%;
      font-weight: 500;
      position: absolute;
      right: 2%;
      bottom: 0; }
